queried

queried

Queried is a convenient wrapper for querySelector.

1. query-compliant API.

2. Returns Array instead of NodeList in multiple query: q.all('.block').forEach(function (el) { ... } ).

3. Accepts other elements or array as a selector: q.all(['.block', self.el]);.

4. Polyfills CSS3 & CSS4 pseudos: :has, :scope, :root, :matches.

5. Fixes immediate children selector > *: q.all('> *', element);.

6. Normalizes nested :not’s: :not(a:not(:target)).

Usage

var q = require('queried');

//select each div having `a` with `span` inside as immediate children.
q.all('div:has(a:has(span))');

API

Method	Description
query(selector, el=document)	Query a single element by selector
query.all(selector, el=document)	Query list of elements by selector
query.document	Default document to use. Change it, if you need custom DOM, like q.document = require('dom-lite').document.

Similar

• sel — a more complete CSS4 selector, lacks of mapping pseudos and unable to handle nested pseudos like :not(:has(a))
• query-component - a tiny wrapper over native querySelector with fallback to engines like qwery etc.
• dom-select === select-dom
• qwery
• domy-element
• jquery